 <form id="myForm" action="<?php echo $current?>updatedata" class="form-horizontal" role="form">

	<?

	echo $genhtml -> getText("รหัสลูกค้า", "KUNNR");
	echo $genhtml -> getText("ชื่อลูกค้า", "NAME");
	echo $genhtml -> getText("ที่อยู่", "ADDRESS");
	echo $genhtml -> getText("โทรศัพท์", "TELEPHONE");
	echo $genhtml -> getText("โทรสาร", "FAX");
	echo $genhtml -> getText("อีเมล์", "EMAIL");
	echo $genhtml -> getText("เลขทะเบียนเสียภาษี", "TAXID");
	echo $genhtml -> getText("วงเงิน", "CREDIT_LIMIT");
	echo $genhtml -> getText("วงเงินใช้ไป", "CREDIT_USED");
	echo $genhtml -> getText("วงเงินคงเหลือ", "CREDIT_LEFT");
	?>

	

	<!-- Tab panes -->
	<div class="tab-contendt">
		<div class="tab-pande active" id="location">
			<h2>Customer Location</h2>
			<?
			echo $genhtml -> getText("Latitude", "LATITUDE");
			echo $genhtml -> getText("Longitude", "LONGITUDE");
			echo $genhtml -> getText("Result Of Location", "GPSResultMessage");
			?>
			<div><strong>address result from location</strong>: <span id="addressResult">Wait For Async from google</span></div>
			<br />
			<?
			echo $genhtml -> getButton("Button", "UpdateLocation", "Update Location", "info");
			?>
			
		</div>
		<div class="tab-pane" id="map">
			<div id="map_canvas"></div>
		</div>
	</div>

	<style type="text/css">
		div#map_canvas {
			margin: auto;
			width: 100%;
			height: 450px;
			overflow: hidden;
			padding: 20px;
		}
	</style>
	<script type='text/javascript' src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js&output=embed"></script>

	<!-- JavaScript jQuery code from Bootply.com editor  -->
	<script type='text/javascript'>var custID =  '<?php echo $dataList->KUNNR?>';</script>
	<?
	if($dataList->LATITUDE!=""){
	?>
	<script type='text/javascript'>var custID =  '<?php echo $dataList->KUNNR?>';
	var marker;
		$(document).ready(function() {

		var myCenter=new google.maps.LatLng(<?php echo  $dataList->LATITUDE?>,<?php echo $dataList->LONGITUDE?>);
		marker = new google.maps.Marker({
			position : myCenter
		});

	function initialize() {
		var mapProp = {
			center : myCenter,
			zoom : 18,
			draggable : true,
			scrollwheel : true,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(document.getElementById("map_canvas"), mapProp);
		marker.setMap(map);
		

		
		
	};
		initialize();
	
		initNormalForm(function(data){
			window.location.reload();
		})
		var geocoder = new google.maps.Geocoder();
		
	
	geocoder.geocode({ 'latLng': new google.maps.LatLng(<?php echo $dataList->LATITUDE?>,<?php echo $dataList->LONGITUDE?>) }
		, function(results, status){
    			$('#addressResult').html(results[0].formatted_address);
    			marker.info = new google.maps.InfoWindow({
		  			content: results[0].formatted_address
					});
				marker.info.open(map, marker);
		});
		
	});

	</script>
	<?
	}
	?>
	<script type="text/javascript"></script>
	<!--<br />
	<?
	echo $genhtml -> getButton("Submit", "UpdateData", "Update", "primary");
	?> -->
</form>